import React from 'react';

const MaterialLibrary = () => {
  return (
    <div className="material-library-page">
      <h2>素材库</h2>
      
      <div className="material-actions">
        <button className="btn-primary">上传素材</button>
        <button className="btn-outline">添加素材文件夹</button>
      </div>
      
      <div className="material-filter">
        <div className="search-box">
          <input type="text" placeholder="搜索素材" />
        </div>
        <div className="type-filter">
          <select>
            <option value="">全部类型</option>
            <option value="image">图片</option>
            <option value="video">视频</option>
            <option value="audio">音频</option>
            <option value="document">文档</option>
          </select>
        </div>
      </div>
      
      <div className="material-grid">
        <div className="empty-state">
          <p>暂无素材，请上传</p>
        </div>
      </div>
    </div>
  );
};

export default MaterialLibrary; 